<template>
  <div>
      <h3>{{title}}分类</h3>
      <slot :games="games" name="slot1"></slot>
  </div>
</template>

<script>
export default {
    props:['title'],
    data(){
        return {
            games:['红色警戒','使命召唤','GTA5','守望先锋'],
        }
    }
}
</script>

<style scoped>
 div{
     width: 200px;
     height: 300px;
     background-color:darksalmon;
 }
 h3{
     background-color: cadetblue;
 }
 ul{
     /* padding: 0;
     margin: 0; */
     display: flex;
     flex-direction: column;
     gap: 10px;
     color: white;
     padding-top: 30px;
 }
</style>